<template>
  <div>
    <div class="helpInput_a">
      <div class="helpInput_title" style="">服务产品</div>
      <div style="border-bottom: 1px solid #ccc;width: 270px;"></div>
      <div class="helpInputform" >
        <form>
          <div style="margin-top: 20px">
            <div class="helpInputform_name" style="">姓名</div>
            <input class="helpInputform_input" type="text" style=""/>
            <span class="helpInputform_span" style="">*</span>
          </div>
          <div style="clear: both"></div>
          <div style="margin-top: 20px">
            <div class="helpInputform_name" style="">姓名</div>
            <input class="helpInputform_input" type="text" style=""/>
            <span class="helpInputform_span" style="">*</span>
          </div>
          <div style="clear: both"></div>
          <div style="margin-top: 20px">
            <div class="helpInputform_name" style="">姓名</div>
            <input class="helpInputform_input" type="text" style=""/>
            <span class="helpInputform_span" style="">*</span>
          </div>
          <div style="clear: both"></div>
          <div style="margin-top: 10px">
            <div style="float: left">
              <img src="../../assets/img/help_code.jpg" width="68" height="24"/>
            </div>
            <div style="float: left;font-size: 14px;color: #c5c5c5;margin-left: 15px">换一张</div>

            <div style="display: block;float: left;margin-left:10px;width: 10px;height: 36px;line-height: 26px;color: red">*</div>

          </div>

          <div style="clear: both"></div>

          <div class="submitform" style="">
            提交
          </div>
        </form>
      </div>

    </div>
  </div>
</template>
<script>
  export default {
    name: 'helpInput'

  }
</script>
<style lang="scss" scoped>
  .helpInput_a{
    width: 250px;
    height: 345px;
    .helpInput_title{
      color: #009fe9;
      font-size: 16px;
      border-bottom: 4px solid #009fe9;
      width: 100px;
      height:60px;
      line-height: 60px;
      text-align: center;
    }
    .helpInputform{
      margin-left:30px;
      margin-top: 20px;
      .helpInputform_name{
        margin-bottom:8px;
        color: #c5c5c5;
        font-size: 12px
      }
      .helpInputform_input{
        width: 188px;
        height: 36px;
        border: 1px solid #c5c5c5;
        text-indent: 6px;
        float: left
      }
      .helpInputform_span{
        display: block;
        float: left;
        margin-left:10px;
        width: 10px;
        height: 36px;
        line-height: 36px;
        color: red
      }
      .submitform{
        margin-top: 20px;
        width:  188px;
        text-align: center;
        font: 14px "微软雅黑";
        height: 44px;
        line-height: 44px;
        float: left;
        color: #fff;
        background:#5ab4ff;
      }
    }
  }



</style>
